<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/nav.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./css/plugin.css">
    <!-- 大牌特卖 -->
    <link rel="stylesheet" href="./css/operation.css">
    <!-- 每日必卖 -->
    <link rel="stylesheet" href="./css/hot.css">
    <!-- 左侧固定 -->
    <link rel="stylesheet" href="./css/fixed-left.css">
    <!-- 右侧固定 -->
    <link rel="stylesheet" href="./css/fixed-right.css">
    <!-- 翻转 -->
    <link rel="stylesheet" href="./css/ltart.css">
    <!-- 新特卖 -->
    <link rel="stylesheet" href="./css/wrap.css">
    <!-- 底部 -->
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/fixed_left1.css">
    <meta name="author" content="李愧愧">
    <title>唯品会</title>
    <style>

    </style>
</head>

<body>
    <!-- 第一个头部导航 -->
    <div class="nav">
        <div class="nav-content">
            <div class="nav-left">
                <span class="zhengzhou">郑州市<i class="fa fa-caret-down" aria-hidden="true"></i></span>
                <div class="area">
                    <p>请选择你所在的收货地址 <i
                            style="font-size: 15px; display: block; float: right; margin-top: -2px;font-style: normal;">X</i>
                    </p>
                    <ul class="area-ul">
                        <div class="span clearfix">
                            <span class="span3">
                                省份
                            </span>
                            <div id="province" class="province1">
                                <ul class="clearfix">
                                </ul>
                            </div>
                            <span class="span2">
                                城市
                            </span>
                            <div id="province" class="province2">
                                <ul class="clearfix">
                                    <li>郑州市</li>
                                    <li>开封市</li>
                                    <li>洛阳市</li>
                                    <li>平顶山市</li>
                                    <li>安阳市</li>
                                    <li>鹤壁市</li>
                                    <li>新乡市</li>
                                    <li>焦作市</li>
                                    <li>濮阳市</li>
                                    <li>许昌市</li>
                                    <li>漯河市</li>
                                    <li>三门峡市</li>
                                    <li>南阳市</li>
                                    <li>商丘市</li>
                                    <li>信阳市</li>
                                    <li>周口市</li>
                                    <li>驻马店市</li>
                                    <li>济源市</li>
                                </ul>
                            </div>
                        </div>

                    </ul>
                </div>
            </div>
            <ul class="nav-ul">
                <li>
                    <div class="bg_white"></div>
                    <a href="#">请登录</a>
                    <div id="log">
                        <div class="logNav">
                            <span></span>
                            <p>您好 !<a href="">[请登录]</a></p>
                        </div>
                        <div class="logbottom">
                            <ul class="clearfix">
                                <li><a href="javascript:;">我的收藏</a></li>
                                <li><a href="javascript:;">我的订单</a></li>
                                <li><a href="javascript:;">零钱</a></li>
                                <li><a href="javascript:;">我的优惠券</a></li>
                                <li><a href="javascript:;">我的唯品币</a></li>
                                <li><a href="javascript:;">唯品金融</a></li>
                            </ul>
                        </div>

                    </div>
                </li>
                <em>/</em>
                <li>
                    <a href="#">注册</a>
                </li>
                <em>/</em>
                <li>
                    <a href="#"><i></i> 签到有礼</a>

                    <div id="sgin">
                        <em><i></i></em>

                        <h2>请前往<span>唯品会APP首页</span>签到哦</h2>
                        <div class="headMsg">
                            即日起，签到网页端入口将下线，请前往“唯品会APP首页-签到领券”继续参与签到活动。
                        </div>
                        <img src="./hearder/header.png" alt="">
                        <div class="headimg">
                            <img src="./hearder/erweima.png" alt="">
                            <span>也可以使用<b>微信</b>扫码签到哦</span>
                        </div>
                    </div>
                </li>
                <em>/</em>
                <li>
                    <a href="#">我的订单</a>
                </li>
                <em>/</em>
                <li>
                    <a href="#">我的特卖<i class="fa fa-caret-down" aria-hidden="true"></i></a>
                    <div class="bg_white">
                        <div id="sale">
                            <p>商品收藏</p>
                            <p>品牌收藏</p>
                            <p>我的足迹</p>
                        </div>
                    </div>
                </li>
                <em>/</em>
                <li>
                    <a href="#">会员俱乐部<i class="fa fa-caret-down" aria-hidden="true"></i> </a>
                    <div class="bg_white">
                        <div id="club">
                            <p>俱乐部首页</p>
                            <p>唯品币兑换</p>
                        </div>
                    </div>
                </li>
                <em>/</em>
                <li>
                    <a href="#">客户服务 <i class="fa fa-caret-down" aria-hidden="true"></i></a>
                    <div class="bg_white">
                        <div id="client">
                            <p>联系客服</p>
                            <p>帮助中心</p>
                            <p>服务中心</p>
                            <p>知识产权投诉</p>
                        </div>
                    </div>
                </li>
                <em>/</em>
                <li>
                    <a href="#">
                        <i class="fa fa-mobile" aria-hidden="true"></i>
                        手机版
                    </a>
                    <div class="bg_white">
                    </div>
                    <div id="phone">
                        <p><img src="./img/weipinhui.jpg" alt=""></p>
                        <p>随时逛&nbsp;及时抢</p>
                    </div>
                </li>
                <em>/</em>
                <li>
                    <div class="bg_white"></div>
                    <a href="#">更多<i class="fa fa-caret-down" aria-hidden="true"></i> </a>
                    <div id="more">
                        <div>
                            <h5>合作专区</h5>
                            <p><span>唯品卡</span></p>
                        </div>
                        <div>
                            <h5>关于我们</h5>
                            <p>
                                <span>sell on vip</span>
                                <span>品牌招商</span>
                                <span>官方博客</span>
                            </p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 第二个导航 -->
    <div class="header-inner">
        <div class="logo">

        </div>
        <div class="header-left">
            <img src="./hearder/1587017895494.jpg" alt="">
        </div>

        <div class="header-tool">
            <div class="white"></div>
            <i class="i1"></i>
            <span>购物袋</span>
            <i class="i2">0</i>
            <div id="shop">
                <p>好像还未登录！<a href="">马上登录</a>查看购物袋吧</p>
            </div>
        </div>
        <div class="header-right">
            <div class="right-top">
                <input type="text" name="" id="">
                <i>
                    <button onclick="search()"></button>
                </i>
                <div id="search">

                    <div id="search-left">
                        <p>搜索历史<i class="fa fa-trash-o fa-lg" aria-hidden="true"></i></p>
                        <ul>

                        </ul>
                    </div>
                    <div id="search-right">
                        <p>精选推荐</p>
                        <ul>
                            <li>护肤套装</li>
                            <li>兰蔻</li>
                            <li>爽肤水</li>
                            <li>面部精华</li>
                            <li>女休闲鞋</li>
                            <li>连衣裙</li>
                            <li>面膜</li>
                            <li>欧莱雅Loreal</li>
                            <li>女式休闲裤</li>
                            <li>耐克Nike</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="right-bottom">
                <ul>
                    <li><a href="">护肤套装</a><span>|</span></li>
                    <li><a href="">连衣裙</a><span>|</span></li>
                    <li><a href="">女休闲鞋</a><span>|</span></li>
                    <li><a href="">耐克Nike</a><span>|</span></li>
                    <li><a href="">女式休闲裤</a><span>|</span></li>
                    <li><a href="">女单鞋</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 第三个商品分类 -->
    <div class="main">
        <ul class="clearfix main-ul">
            <li>
                <a href="javascript:;">
                    <img src="./img/fenlei.png" alt="">
                    商品分类
                </a>
                <div id="classify" class="clearfix">
                    <ul class="clearfix">
                        <li>
                            <span>女装/男装/内衣</span>
                            <div id="cate" class="cate1">
                                <div class="cate-left">
                                    <dl>
                                        <dt>人气美衣<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">防晒衣</a>
                                            <a href="">短裤</a>
                                            <a href="">牛仔裤</a>
                                            <a href="">妈·妈装</a>
                                            <a href="">大码服装</a>
                                            <a href="">外套</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>美裙衣橱<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">连衣裙</a>
                                            <a href="">半身裙</a>
                                            <a href="">套装裙</a>
                                            <a href="">修身美裙</a>
                                            <a href="">白色连衣裙</a>
                                            <a href="">旗袍</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>百搭上衣<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">T恤</a>
                                            <a href="">衬衫</a>
                                            <a href="">针织衫</a>
                                            <a href="">卫衣</a>
                                            <a href="">羊绒/羊毛衫</a>
                                            <a href="">毛衣</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>外套<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">T恤</a>
                                            <a href="">衬衫</a>
                                            <a href="">针织衫</a>
                                            <a href="">卫衣</a>
                                            <a href="">羊绒/羊毛衫</a>
                                            <a href="">毛衣</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>裤子<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">T恤</a>
                                            <a href="">衬衫</a>
                                            <a href="">针织衫</a>
                                            <a href="">卫衣</a>
                                            <a href="">羊绒/羊毛衫</a>
                                            <a href="">毛衣</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>特色服饰<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">T恤</a>
                                            <a href="">衬衫</a>
                                            <a href="">针织衫</a>
                                            <a href="">卫衣</a>
                                            <a href="">羊绒/羊毛衫</a>
                                            <a href="">毛衣</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>男式内搭<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">短袖T恤</a>
                                            <a href="">polo衫</a>
                                            <a href="">衬衫</a>
                                            <a href="">长袖T恤</a>
                                            <a href="">短袖衬衫</a>
                                            <a href="">长袖衬衫</a>
                                            <a href="">薄衬衫</a>
                                            <a href="">v领衬衫</a>
                                            <a href="">条纹T恤</a>
                                            <a href="">棉麻T恤</a>
                                            <a href="">纯色T恤</a>
                                            <a href="">印花T恤</a>
                                            <a href="">纯色衬衫</a>
                                            <a href="">格子衬衫</a>
                                            <a href="">亚麻衬衫</a>
                                            <a href="">棉麻衬衫</a>
                                            <a href="">薄款卫衣</a>
                                            <a href="">连帽卫衣</a>
                                            <a href="">套头卫衣</a>
                                            <a href="">卫衣</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>男式外套<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">短袖T恤</a>
                                            <a href="">polo衫</a>
                                            <a href="">衬衫</a>
                                            <a href="">长袖T恤</a>
                                            <a href="">短袖衬衫</a>
                                            <a href="">长袖衬衫</a>
                                            <a href="">薄衬衫</a>
                                            <a href="">v领衬衫</a>
                                            <a href="">条纹T恤</a>
                                            <a href="">棉麻T恤</a>
                                            <a href="">纯色T恤</a>
                                            <a href="">印花T恤</a>
                                            <a href="">纯色衬衫</a>
                                            <a href="">格子衬衫</a>
                                            <a href="">亚麻衬衫</a>
                                            <a href="">棉麻衬衫</a>
                                            <a href="">薄款卫衣</a>
                                            <a href="">连帽卫衣</a>
                                            <a href="">套头卫衣</a>
                                            <a href="">卫衣</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>男式裤装<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">短袖T恤</a>
                                            <a href="">polo衫</a>
                                            <a href="">衬衫</a>
                                            <a href="">长袖T恤</a>
                                            <a href="">短袖衬衫</a>
                                            <a href="">长袖衬衫</a>
                                            <a href="">薄衬衫</a>
                                            <a href="">v领衬衫</a>
                                            <a href="">条纹T恤</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>男式特色服饰<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">T恤</a>
                                            <a href="">衬衫</a>
                                            <a href="">针织衫</a>
                                            <a href="">卫衣</a>
                                            <a href="">羊绒/羊毛衫</a>
                                            <a href="">毛衣</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>特色服饰<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">T恤</a>
                                            <a href="">衬衫</a>
                                            <a href="">针织衫</a>
                                            <a href="">卫衣</a>
                                            <a href="">羊绒/羊毛衫</a>
                                            <a href="">毛衣</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>特色服饰<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">T恤</a>
                                            <a href="">衬衫</a>
                                            <a href="">针织衫</a>
                                            <a href="">卫衣</a>
                                            <a href="">羊绒/羊毛衫</a>
                                            <a href="">毛衣</a>
                                        </dd>
                                    </dl>
                                </div>
                                <div class="cate-right">
                                    <p>品牌推荐</p>
                                    <ul class="clearfix">
                                        <li>
                                            <img src="./img/1.png" alt="">
                                            <a href="">恩裳</a>
                                        </li>
                                        <li>
                                            <img src="./img/2.png" alt="">
                                            <a href="">音儿</a>
                                        </li>
                                        <li>
                                            <img src="./img/3.png" alt="">
                                            <a href="">波士顿</a>
                                        </li>
                                        <li>
                                            <img src="./img/4.png" alt="">
                                            <a href="">诗篇</a>
                                        </li>
                                        <li>
                                            <img src="./img/5.png" alt="">
                                            <a href="">哥弟</a>
                                        </li>
                                        <li>
                                            <img src="./img/6.png" alt="">
                                            <a href="">罗蒙</a>
                                        </li>
                                        <li>
                                            <img src="./img/7.png" alt="">
                                            <a href="">富铤</a>
                                        </li>
                                        <li>
                                            <img src="./img/8.png" alt="">
                                            <a href="">米皇</a>
                                        </li>
                                        <li>
                                            <img src="./img/9.png" alt="">
                                            <a href="">帕罗</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li>
                            <span>女鞋/男鞋/箱包</span>
                            <div id="cate" class="cate2">
                                <div class="cate-left">
                                    <dl>
                                        <dt>女靴<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">防晒衣</a>
                                            <a href="">短裤</a>
                                            <a href="">牛仔裤</a>
                                            <a href="">妈·妈装</a>
                                            <a href="">大码服装</a>
                                            <a href="">外套</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>女单鞋<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">连衣裙</a>
                                            <a href="">半身裙</a>
                                            <a href="">套装裙</a>
                                            <a href="">修身美裙</a>
                                            <a href="">白色连衣裙</a>
                                            <a href="">旗袍</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>女休闲鞋<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">T恤</a>
                                            <a href="">衬衫</a>
                                            <a href="">针织衫</a>
                                            <a href="">卫衣</a>
                                            <a href="">羊绒/羊毛衫</a>
                                            <a href="">毛衣</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>男休闲鞋<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">T恤</a>
                                            <a href="">衬衫</a>
                                            <a href="">针织衫</a>
                                            <a href="">卫衣</a>
                                            <a href="">羊绒/羊毛衫</a>
                                            <a href="">毛衣</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>男靴<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">T恤</a>
                                            <a href="">衬衫</a>
                                            <a href="">针织衫</a>
                                            <a href="">卫衣</a>
                                            <a href="">羊绒/羊毛衫</a>
                                            <a href="">毛衣</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>男商务鞋<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">T恤</a>
                                            <a href="">衬衫</a>
                                            <a href="">针织衫</a>
                                            <a href="">卫衣</a>
                                            <a href="">羊绒/羊毛衫</a>
                                            <a href="">毛衣</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>女包<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">短袖T恤</a>
                                            <a href="">polo衫</a>
                                            <a href="">衬衫</a>
                                            <a href="">长袖T恤</a>
                                            <a href="">短袖衬衫</a>
                                            <a href="">长袖衬衫</a>
                                            <a href="">薄衬衫</a>
                                            <a href="">v领衬衫</a>
                                            <a href="">条纹T恤</a>
                                            <a href="">棉麻T恤</a>
                                            <a href="">纯色T恤</a>
                                            <a href="">印花T恤</a>
                                            <a href="">纯色衬衫</a>
                                            <a href="">格子衬衫</a>
                                            <a href="">亚麻衬衫</a>
                                            <a href="">棉麻衬衫</a>
                                            <a href="">薄款卫衣</a>
                                            <a href="">连帽卫衣</a>
                                            <a href="">套头卫衣</a>
                                            <a href="">卫衣</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>男包<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">短袖T恤</a>
                                            <a href="">polo衫</a>
                                            <a href="">衬衫</a>
                                            <a href="">长袖T恤</a>
                                            <a href="">短袖衬衫</a>
                                            <a href="">长袖衬衫</a>
                                            <a href="">薄衬衫</a>
                                            <a href="">v领衬衫</a>
                                            <a href="">条纹T恤</a>
                                            <a href="">棉麻T恤</a>
                                            <a href="">纯色T恤</a>
                                            <a href="">印花T恤</a>
                                            <a href="">纯色衬衫</a>
                                            <a href="">格子衬衫</a>
                                            <a href="">亚麻衬衫</a>
                                            <a href="">棉麻衬衫</a>
                                            <a href="">薄款卫衣</a>
                                            <a href="">连帽卫衣</a>
                                            <a href="">套头卫衣</a>
                                            <a href="">卫衣</a>
                                        </dd>
                                    </dl>
                                    <dl>
                                        <dt>功能箱包<i class="fa fa-angle-right" aria-hidden="true"></i></dt>
                                        <dd>
                                            <a href="">短袖T恤</a>
                                            <a href="">polo衫</a>
                                            <a href="">衬衫</a>
                                            <a href="">长袖T恤</a>
                                            <a href="">短袖衬衫</a>
                                            <a href="">长袖衬衫</a>
                                            <a href="">薄衬衫</a>
                                            <a href="">v领衬衫</a>
                                            <a href="">条纹T恤</a>
                                        </dd>
                                    </dl>
                                </div>
                                <div class="cate-right">
                                    <p>品牌推荐</p>
                                    <ul class="clearfix">
                                        <li>
                                            <img src="./img/1.png" alt="">
                                            <a href="">恩裳</a>
                                        </li>
                                        <li>
                                            <img src="./img/2.png" alt="">
                                            <a href="">音儿</a>
                                        </li>
                                        <li>
                                            <img src="./img/3.png" alt="">
                                            <a href="">波士顿</a>
                                        </li>
                                        <li>
                                            <img src="./img/4.png" alt="">
                                            <a href="">诗篇</a>
                                        </li>
                                        <li>
                                            <img src="./img/5.png" alt="">
                                            <a href="">哥弟</a>
                                        </li>
                                        <li>
                                            <img src="./img/6.png" alt="">
                                            <a href="">罗蒙</a>
                                        </li>
                                        <li>
                                            <img src="./img/7.png" alt="">
                                            <a href="">富铤</a>
                                        </li>
                                        <li>
                                            <img src="./img/8.png" alt="">
                                            <a href="">米皇</a>
                                        </li>
                                        <li>
                                            <img src="./img/9.png" alt="">
                                            <a href="">帕罗</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li>
                            <span>护肤彩妆/个护</span>
                            <div id="cate" class="cate3">

                            </div>
                        </li>
                        <li>
                            <span>运动户外</span>
                            <div id="cate" class="cate4">

                            </div>
                        </li>
                        <li>
                            <span>家电数码</span>
                            <div id="cate" class="cate5">

                            </div>
                        </li>
                        <li>
                            <span>母婴童装</span>
                            <div id="cate" class="cate6">

                            </div>
                        </li>
                        <li>
                            <span>手表配饰</span>
                            <div id="cate" class="cate7">

                            </div>
                        </li>
                        <li>
                            <span>居家用品</span>
                            <div id="cate" class="cate8">

                            </div>
                        </li>
                        <li>
                            <span>唯品生活</span>
                            <div id="cate" class="cate9">

                            </div>
                        </li>
                        <li>
                            <span>唯品国际/唯品奢</span>
                            <div id="cate" class="cate10">

                            </div>
                        </li>
                        <li>
                            <span>医药健康</span>
                            <div id="cate" class="cate11">

                            </div>
                        </li>
                    </ul>

                </div>

            </li>
            <li><a href="javascript:;"><img src="./img/hot.gif" alt=""> 秋季特卖节</a></li>
            <li><a href="javascript:;">最后疯抢</a></li>
            <li><a href="javascript:;">唯品快抢</a></li>
            <li><a href="javascript:;">品牌清仓</a></li>
            <li><a href="javascript:;">女装</a></li>
            <li><a href="javascript:;">母婴</a></li>
            <li><a href="javascript:;">家电</a></li>
            <li><a href="javascript:;">国际</a></li>
            <li><a href="javascript:;">美妆</a></li>
            <li><a href="javascript:;">鞋包</a></li>
            <li><a href="javascript:;">男装</a></li>
            <li>
                <a href="javascript:;">更多<i class="fa fa-angle-down" aria-hidden="true"></i></a>
                <div id="gengduo">
                    <p>运动</p>
                    <p>家居</p>
                    <p>生活</p>
                    <p>配饰</p>
                    <p>唯品·奢</p>
                    <p>扶贫</p>
                </div>
            </li>
        </ul>
    </div>
    <!-- 选项卡后背景图 -->
    <div class="plugin">

    </div>
    <!-- 大牌特卖 -->
    <div class="operation clearfix">
        <div class="operation-img">
        </div>
        <img src="./中间图片/特卖1.jpg" alt="">
        <img src="./中间图片/特卖2.jpg" alt="">
        <img src="./中间图片/特卖3.jpg" alt="">
    </div>
    <div class="hot clearfix">
        <div class="hot-img">
            <img src="./中间图片/每日必看.jpg" alt="">
        </div>
        <div class="hot-bottom clearfix">
            <div class="feng clearfix">
                <div class="shangxin xin1">
                    <div class="shangxin-top">
                        <i>
                            <img src="./中间图片/最后疯抢1.jpg" alt="">
                            <span>共157款</span>
                        </i>
                    </div>
                    <p>
                        <img src="./中间图片/疯抢价.png" alt="">￥157
                    </p>
                </div>
                <div class="shangxin xin2">
                    <div class="shangxin-top">
                        <i>
                            <img src="./中间图片/最后疯抢2背景上.jpg" alt="">
                            <span>共291款</span>
                        </i>
                    </div>
                    <p>
                        <img src="./中间图片/疯抢价.png" alt="">￥214.8
                    </p>
                </div>
                <div class="shangxin xin3">
                    <div class="shangxin-top">
                        <i>
                            <img src="./中间图片//最后疯抢3.jpg" alt="">
                            <span>共513款</span>
                        </i>
                    </div>
                    <p>
                        <img src="./中间图片/疯抢价.png" alt="">￥99.9
                    </p>
                </div>
            </div>
            <div class="qiang">
                <div class="shangxin xin1">
                    <div class="shangxin-top">
                        <img src="./中间图片/热搜.png" alt="">
                    </div>
                    <p>
                        ￥157
                    </p>
                </div>
                <div class="shangxin xin2">
                    <div class="shangxin-top">
                        <img src="./中间图片/人气爆款.png" alt="">
                    </div>
                    <p>
                        ￥214.8
                    </p>
                </div>
                <div class="shangxin xin3">
                    <div class="shangxin-top">
                        <img src="./中间图片/口碑.png" alt="">
                    </div>
                    <p>
                        ￥99.9
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!-- 翻转 -->
    <div class="ltart">
        <div class="ltart-connent">
            <div class="ltart1" id="ltart1">
                <i>
                    <img src="./中间图片/翻转店铺.png" alt="">
                </i>
                <p><img src="./中间图片/快抢价.png" alt="">￥167</p>
            </div>
            <div class="ltart2" id="ltart2">
                <i>
                    <img src="./中间图片/背景店铺2.png" alt="">
                </i>
                <p><img src="./中间图片/快抢价.png" alt="">￥167</p>
            </div>
        </div>
        <div class="ltart-connent">
            <div class="ltart1" id="ltart1">
                <i>
                    <img src="./中间图片/翻转店铺.png" alt="">
                </i>
                <p><img src="./中间图片/快抢价.png" alt="">￥167</p>
            </div>
            <div class="ltart2" id="ltart2">
                <i>
                    <img src="./中间图片/背景店铺2.png" alt="">
                </i>
                <p><img src="./中间图片/快抢价.png" alt="">￥167</p>
            </div>
        </div>
        <div class="ltart-connent">
            <div class="ltart1" id="ltart1">
                <i>
                    <img src="./中间图片/翻转店铺.png" alt="">
                </i>
                <p><img src="./中间图片/快抢价.png" alt="">￥167</p>
            </div>
            <div class="ltart2" id="ltart2">
                <i>
                    <img src="./中间图片/背景店铺2.png" alt="">
                </i>
                <p><img src="./中间图片/快抢价.png" alt="">￥167</p>
            </div>
        </div>
        <div class="ltart-connent">
            <div class="ltart1" id="ltart1">
                <i>
                    <img src="./中间图片/翻转店铺.png" alt="">
                </i>
                <p><img src="./中间图片/快抢价.png" alt="">￥167</p>
            </div>
            <div class="ltart2" id="ltart2">
                <i>
                    <img src="./中间图片/背景店铺2.png" alt="">
                </i>
                <p><img src="./中间图片/快抢价.png" alt="">￥167</p>
            </div>
        </div>
        <div class="ltart-connent">
            <div class="ltart1" id="ltart1">
                <i>
                    <img src="./中间图片/翻转店铺.png" alt="">
                </i>
                <p><img src="./中间图片/快抢价.png" alt="">￥167</p>
            </div>
            <div class="ltart2" id="ltart2">
                <i>
                    <img src="./中间图片/背景店铺2.png" alt="">
                </i>
                <p><img src="./中间图片/快抢价.png" alt="">￥167</p>
            </div>
        </div>
        <div class="ltart-connent">
            <div class="ltart1" id="ltart1">
                <i>
                    <img src="./中间图片/翻转店铺.png" alt="">
                </i>
                <p><img src="./中间图片/快抢价.png" alt="">￥167</p>
            </div>
            <div class="ltart2" id="ltart2">
                <i>
                    <img src="./中间图片/背景店铺2.png" alt="">
                </i>
                <p><img src="./中间图片/快抢价.png" alt="">￥167</p>
            </div>
        </div>
    </div>
    <!-- 新特卖 -->
    <div class="wrap clearfix">
        <div class="wrap-img">
        </div>
        <div class="brand clearfix">
            <div class="women clearfix">
                <span>
                    <img src="./中间图片/女装品牌.png" alt="">
                </span>
                <a href="">全部女装品牌<i class="fa fa-chevron-circle-right" aria-hidden="true"></i></a>
            </div>
            <div class="brand-item">
                <div class="brand-top">
                    <span>
                        <i class="fa fa-heart-o" aria-hidden="true"></i>
                        收藏品牌
                    </span>
                    
                </div>
                <p>沫晗依美女装-秋季特卖节3折封顶专场</p>
                <p>
                    <span>3</span>折封顶
                </p>
            </div>
            <div class="brand-item">
                <div class="brand-top">
                    <span>
                        <i class="fa fa-heart-o" aria-hidden="true"></i>
                        收藏品牌
                    </span>
                    
                </div>
                <p>沫晗依美女装-秋季特卖节3折封顶专场</p>
                <p>
                    <span>3</span>折封顶
                </p>
            </div>
            <div class="brand-item">
                <div class="brand-top">
                    <span>
                        <i class="fa fa-heart-o" aria-hidden="true"></i>
                        收藏品牌
                    </span>
                    
                </div>
                <p>沫晗依美女装-秋季特卖节3折封顶专场</p>
                <p>
                    <span>3</span>折封顶
                </p>
            </div>
            <div class="brand-item">
                <div class="brand-top">
                    <span>
                        <i class="fa fa-heart-o" aria-hidden="true"></i>
                        收藏品牌
                    </span>
                </div>
                <p>沫晗依美女装-秋季特卖节3折封顶专场</p>
                <p>
                    <span>3</span>折封顶
                </p>
            </div>
            <div class="brand-item">
                <div class="brand-top">
                    <span>
                        <i class="fa fa-heart-o" aria-hidden="true"></i>
                        收藏品牌
                    </span>
                    
                </div>
                <p>沫晗依美女装-秋季特卖节3折封顶专场</p>
                <p>
                    <span>3</span>折封顶
                </p>
            </div>
            <div class="brand-item">
                <div class="brand-top">
                    <span>
                        <i class="fa fa-heart-o" aria-hidden="true"></i>
                        收藏品牌
                    </span>
                    
                </div>
                <p>沫晗依美女装-秋季特卖节3折封顶专场</p>
                <p>
                    <span>3</span>折封顶
                </p>
            </div>
        </div>
        <div class="brand clearfix">
            <div class="women clearfix">
                <span>
                    <img src="./中间图片/鞋包品牌.png" alt="">
                </span>
                <a href="">全部女装品牌<i class="fa fa-chevron-circle-right" aria-hidden="true"></i></a>
            </div>
            <div class="brand-item">
                <div class="brand-top">
                    <span>
                        <i class="fa fa-heart-o" aria-hidden="true"></i>
                        收藏品牌
                    </span>
                    
                </div>
                <p>沫晗依美女装-秋季特卖节3折封顶专场</p>
                <p>
                    <span>3</span>折封顶
                </p>
            </div>
            <div class="brand-item">
                <div class="brand-top">
                    <span>
                        <i class="fa fa-heart-o" aria-hidden="true"></i>
                        收藏品牌
                    </span>
                    
                </div>
                <p>沫晗依美女装-秋季特卖节3折封顶专场</p>
                <p>
                    <span>3</span>折封顶
                </p>
            </div>
            <div class="brand-item">
                <div class="brand-top">
                    <span>
                        <i class="fa fa-heart-o" aria-hidden="true"></i>
                        收藏品牌
                    </span>
                    
                </div>
                <p>沫晗依美女装-秋季特卖节3折封顶专场</p>
                <p>
                    <span>3</span>折封顶
                </p>
            </div>
            <div class="brand-item">
                <div class="brand-top">
                    <span>
                        <i class="fa fa-heart-o" aria-hidden="true"></i>
                        收藏品牌
                    </span>
                </div>
                <p>沫晗依美女装-秋季特卖节3折封顶专场</p>
                <p>
                    <span>3</span>折封顶
                </p>
            </div>
            <div class="brand-item">
                <div class="brand-top">
                    <span>
                        <i class="fa fa-heart-o" aria-hidden="true"></i>
                        收藏品牌
                    </span>
                    
                </div>
                <p>沫晗依美女装-秋季特卖节3折封顶专场</p>
                <p>
                    <span>3</span>折封顶
                </p>
            </div>
            <div class="brand-item">
                <div class="brand-top">
                    <span>
                        <i class="fa fa-heart-o" aria-hidden="true"></i>
                        收藏品牌
                    </span>
                    
                </div>
                <p>沫晗依美女装-秋季特卖节3折封顶专场</p>
                <p>
                    <span>3</span>折封顶
                </p>
            </div>
        </div>
        <div class="brand clearfix">
            <div class="women clearfix">
                <span>
                    <img src="./中间图片/男装品牌.png" alt="">
                </span>
                <a href="">全部女装品牌<i class="fa fa-chevron-circle-right" aria-hidden="true"></i></a>
            </div>
            <div class="brand-item">
                <div class="brand-top">
                    <span>
                        <i class="fa fa-heart-o" aria-hidden="true"></i>
                        收藏品牌
                    </span>
                    
                </div>
                <p>沫晗依美女装-秋季特卖节3折封顶专场</p>
                <p>
                    <span>3</span>折封顶
                </p>
            </div>
            <div class="brand-item">
                <div class="brand-top">
                    <span>
                        <i class="fa fa-heart-o" aria-hidden="true"></i>
                        收藏品牌
                    </span>
                    
                </div>
                <p>沫晗依美女装-秋季特卖节3折封顶专场</p>
                <p>
                    <span>3</span>折封顶
                </p>
            </div>
            <div class="brand-item">
                <div class="brand-top">
                    <span>
                        <i class="fa fa-heart-o" aria-hidden="true"></i>
                        收藏品牌
                    </span>
                    
                </div>
                <p>沫晗依美女装-秋季特卖节3折封顶专场</p>
                <p>
                    <span>3</span>折封顶
                </p>
            </div>
            <div class="brand-item">
                <div class="brand-top">
                    <span>
                        <i class="fa fa-heart-o" aria-hidden="true"></i>
                        收藏品牌
                    </span>
                </div>
                <p>沫晗依美女装-秋季特卖节3折封顶专场</p>
                <p>
                    <span>3</span>折封顶
                </p>
            </div>
            <div class="brand-item">
                <div class="brand-top">
                    <span>
                        <i class="fa fa-heart-o" aria-hidden="true"></i>
                        收藏品牌
                    </span>
                    
                </div>
                <p>沫晗依美女装-秋季特卖节3折封顶专场</p>
                <p>
                    <span>3</span>折封顶
                </p>
            </div>
            <div class="brand-item">
                <div class="brand-top">
                    <span>
                        <i class="fa fa-heart-o" aria-hidden="true"></i>
                        收藏品牌
                    </span>
                    
                </div>
                <p>沫晗依美女装-秋季特卖节3折封顶专场</p>
                <p>
                    <span>3</span>折封顶
                </p>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="footer-content">
            <div class="footer-top">
                <img src="./footer/footer.png" alt="">
            </div>
            <div class="footer-list">
                <ul>
                    <p>服务保障</p>
                    <li>正品保障</li>
                    <li>7天无理由放心退</li>
                    <li>7x15小时客户服务</li>
                    <li>7天无理由随心换</li>
                </ul>
                <ul>
                    <p>购物指南</p>
                    <li>导购演示</li>
                    <li>订单操作</li>
                    <li>会员注册</li>
                    <li>账户管理</li>
                    <li>收货样品</li>
                    <li>会员等级</li>
                </ul>
                <ul>
                    <p>支付方式</p>
                    <li>23家主流网银支付</li>
                    <li>支付宝、银联等支付</li>
                    <li>信用卡支付</li>
                    <li>零钱支付</li>
                </ul>
                <ul>
                    <p>配送方式</p>
                    <li>配送范围及运费</li>
                    <li>验货与签收</li>
                </ul>
                <ul>
                    <p>售后服务</p>
                    <li>退货政策</li>
                    <li>退货流程</li>
                    <li>退款方式和时效</li>
                    <li>换货服务</li>
                </ul>
                <div class="ul-bottom">
                    <p>唯品会APP二维码</p>
                    <p><img src="./footer/二维码.png" alt=""></p>
                    <p>下载唯品会移动APP</p>
                </div>
            </div>
            <p>
                <a href="">关于我们</a>|
                <a href="">About us</a>|
                <a href="">Investor Relations</a>|
                <a href="">媒体报道</a>|
                <a href="">品牌招商</a>|
                <a href="">隐私条款</a>|
                <a href="">唯品诚聘</a>|
                <a href="">唯品卡</a>|
                <a href="">联系我们</a>|
                <a href="">廉政举报</a>
            </p>
        </div>
        <p class="footer-info">
            Copyright © 2008-2020 vip.com，All Rights Reserved  使用本网站即表示接受
            <a href="">唯品会用户协议</a>
            。版权所有
            <a href="">广州唯品会电子商务有限公司</a>
            <br>
            <a href=""><img src="./footer/公安.png" alt="" style="margin: 2px 3px 0 0;width: 14px;height: 14px;">粤公网安备 44010302111111号
            </a>
            <a href="">粤ICP备08114786号</a>
            <a href="">增值业务经营许可证：粤B2-20170777 </a>
            <a href="">网络文化经营许可证：粤网文〔2018〕5030-1743号</a>
            <br>
            <a href="">经营主体证照</a>
            <a href="">风险监测信息</a>
            <a href="">互联网药品信息服务资格证书：（粤）-经营性-2018-0271</a>
            <a href=""> 网络食品交易第三方平台备案凭证：粤B2-20170777 </a>
            <a href="">医疗器械网络交易服务第三方平台备案凭证：（粤）网械平台备字[2019]第00001号</a>
        </p>
        <p class="footer-pic">
            <i></i>
            <i></i>
            <i></i>
            <i></i>
            <i></i>
            <i></i>
            <i></i>
        </p>
    </div>
    <!-- 左侧固定 -->
    <div class="fixed-left">
        <div class="leftImg">

        </div>
        <ul class="leftTop">
            <li>
                <a href="">新品大赏<i class="fa fa-angle-right" aria-hidden="true"></i>
                </a>
            </li>
            <li><a href="">王牌爆款<i class="fa fa-angle-right" aria-hidden="true"></i></a></li>
        </ul>
        <ul class="leftcenter clearfix">
            <li><a href="">时尚女装</a></li>
            <li><a href="">美妆个护</a></li>
            <li><a href="">秋新鞋包</a></li>
            <li><a href="">运动户外</a></li>
            <li><a href="">母婴童装</a></li>
            <li><a href="">焕新男装</a></li>
            <li><a href="">舒适内衣</a></li>
            <li><a href="">数码家电</a></li>
            <li><a href="">手表配饰</a></li>
            <li><a href="">家居家纺</a></li>
            <li><a href="">生活超市</a></li>
            <li><a href="">大家电日用</a></li>
        </ul>
        <p>TOP<i class="fa fa-angle-right" aria-hidden="true"></i></p>
    </div>

    <div class="fixed_left1">
        <ul>
            <li class="active">女装<span></span><a href=""></a></li>
            <li>鞋包<a href=""></a></li>
            <li>男装<a href=""></a></li>
            <li>运动<a href=""></a></li>
            <li>饰品<a href=""></a></li>
            <li>美妆<a href=""></a></li>
            <li>母婴<a href=""></a></li>
            <li>居家<a href=""></a></li>
            <li>国际<a href=""></a></li>
            <li>生活<a href=""></a></li>
        </ul>
    </div>

    <!-- 右侧固定 -->
    <div class="fixed_right">
        <div class="fixed_right1">
            <ul>
                <li>
                    <div class="fixed_right1_div1">
                        <i></i><span>账号</span>
                        <div class="fixed_right1_div1_inner">
                            <i id="FR_i">X</i>
                            <div class="fixed_right1_div1_inner1">
                                <i></i>
                                <p>你好！请 <span>登录</span> | <span>注册</span></p>
                            </div>
                            <div class="fixed_right1_div1_inner2">
                                <div class="fixed_right1_div1_inner21">
                                    <i class="inner21_1"></i>
                                    <p class="inner21_2">我的订单</p>
                                </div>
                                <div class="fixed_right1_div1_inner22">
                                    <i class="inner22_1"></i>
                                    <p class="inner22_2">我的唯品币</p>
                                </div>
                            </div>
                            <a href="">会员俱乐部</a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="fixed_right1_div2">
                        <i><img src="./images/购物袋.png" alt=""></i>
                        <p><a href="">购物袋</a></p>
                        <span><a href="">0</a></span>
                    </div>
                </li>
                <li class="right_list right_list1">
                    <p>我的优惠券</p>
                </li>
                <li class="right_list right_list2">
                    <p>品牌收藏</p>
                </li>
                <li class="right_list right_list3">
                    <p>商品收藏</p>
                </li>
                <li class="right_list right_list4">
                    <p>我的足迹</p>
                </li>
            </ul>
        </div>
        <div class="fixed_right2">
            <ul>
                <li class="right_list right_list5">
                    <p>会员反馈</p>
                </li>
                <a href="#top">
                    <li class="right_list right_list6">
                    <p>返回顶部</p>
                </li>
                </a>
            </ul>
        </div>
    </div>

</body>
<script src="./Js/provinces.js"></script>
<script src="./Js/cities.js"></script>
<script src="./Js/areas.js"></script>
<script src="./Js/zhengzhou.js"></script>
<script src="./Js/header.js"></script>
<!-- <script src="./Js/页面滚动.js"></script> -->
<!-- 固定定位 -->
<script src="./Js/fixed.js"></script>
<script src="./Js/ltart.js"></script>
<script>
    // 找标签
    //省份
    var provSelect = document.querySelector(".province1 ul")
    var citySelect = document.querySelector(".province2 ul")

    provinces.forEach(function (item, index) {
        // console.log(item)
        // 创建列表项，显示省份名
        var option = document.createElement("li")
        option.innerText = item.name;
        provSelect.appendChild(option);
    });
    cityUpdate();
    provSelect.onchange = cityUpdate;

    function cityUpdate() {
        console.log(provSelect.selectedIndex) // 省份列表选中的索引
        // 因为下拉项的索引与省份列表中省份索引一一对应, 所以可通过这个索引获取当前选中的省份数据
        var currentProvince = provinces[provSelect.selectedIndex];
        console.log(currentProvince)
        // 拿到这个省份的省份编码
        // var provinceCode = currentProvince.code
        // console.log("provinceCode")
        // // 先清空城市列表
        // citySelect.innerHTML = ""
        // cities.forEach(function (item, i) {
        //     // console.log(item)
        //     // 创建列表项，显示省份名
        //     if (item.provinceCode == provinceCode) {
        //         var option = document.createElement("li")
        //         option.innerText = item.name;
        //         citySelect.appendChild(option);
        //         option.dataset.index = item.code
        //     }
        // });
    }
</script>

</html>